﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<head>
    <title>I love you forever and ever</title>
     <script type="text/javascript">
         function LoveMachine() {
             var sinceILoveYou = new Date(2008, 11-1, 11, 11, 11, 11, 11); 
             var together = (new Date(new Date() - sinceILoveYou)).valueOf() / 1000 / 60 / 60 / 24;
             var days = parseInt(together);
             together = (together - days) * 24;
             var hours = parseInt(together);
             together = (together - hours) * 60;
             var minutes = parseInt(together);
             together = (together - minutes) * 60;
             var seconds = parseInt(together);

             var lovehome = document.getElementById("defaultCountdown");
             lovehome.innerHTML = days + " Days, "
                        + hours + " Hours, "
                        + minutes + " Minutes, "
                        + seconds + " Seconds";

         }
         
    </script>
    <style type="text/css">
    
    
body { font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif;
 
margin:0;
padding:0;
border: 0;
outline: 0;
font-size: 100%;

background: transparent;
background-color:#aaaaaa;}  
body
 {
 	background:#aaaaaa url(images/background_gradient.png) repeat-x scroll 0 0;
	}
body {
	line-height: 1;
}
html, div, span,head,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, font, img,
small, strong, ol, ul, li
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;



 }
 
.container {
width: 885px;  
margin: 0 auto;   
 }  
 
 
#main {
    background: url(http://images.cnblogs.com/cnblogs_com/ider/312663/o_together.png) no-repeat scroll 0 0; 
	margin:0 auto;
	padding:0;
	height:430px;
}

/*------header styles-----*/
#header
{
	margin:auto;
	margin-top:40px;
	height:50px;
	}
#logo
{
	position:relative;
	float:left;
	padding-left:42px;
	
	}
#contact_details
{
	float:right;
	color:#333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:normal;
	line-height:22px;
	padding-right:42px;
	text-align:right;
	}

#contact_details a
{
	color:#333333;
	font-size:13px;
	text-decoration:none;
	letter-spacing:0.5px;
	
}

/*------content styles-----*/	
#content
{
	padding:10px 44px;
	margin-top:100px;
}
.text
{
	text-align:center;
	margin-top:40px;
	padding-bottom:40px;
	border-bottom:1px solid #000000;
}
.text h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color:#e5e5e5;
	font-style:normal;
	font-variant:normal;
	font-weight:lighter;
	letter-spacing:2px;
	}
.counter
{
	background:url(http://images.cnblogs.com/cnblogs_com/ider/312663/o_together_counter.png) no-repeat scroll center 25px;
	width:797px;
	height:150px;
	border-top:1px solid #666666;
	border-bottom:1px solid #000000;
	text-align:center;
	position:relative;

	
}
.counter h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#e5e5e5;
	font-style:normal;
	font-variant:normal;
	font-weight:lighter;
	letter-spacing:1px;
	margin-top:20px;

}
.me
{
	border-top:1px solid #666666;
	height:120px;
}


.me h3
{
	font-size:26px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-weight:lighter;
	color:#e5e5e5;
	letter-spacing:1px;
	margin-bottom:15px;
	float:right;
	}
#slidertext { 
margin-top: 15px; 
float: left ; 
width: 721px; 
overflow: hidden ;
position: relative ; 

 }

#defaultCountdown { width: 757px; height: 60px; }


.hasCountdown {
	text-align:center;
	margin-left:20px;
	margin-right:20px;
	color:#E5E5E5;
	margin-top:45px;
	font-size:26px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

    </style>


</head>
	
<body class="home blog">
		
	<div class="container">
        <div style="clear:both"></div> 
              
        <div id="main">

		<div id="content">

        <div class="text">
            <h2>  
                <span style="text-align:center;">
                    <a style="text-decoration:none;" href="http://OceanEyes.Cnblogs.com">
                        <img style="border:2px solid #FFF;" alt="" src="http://images.cnblogs.com/cnblogs_com/OceanEyes/354373/r_1.jpg" />

                    </a>
                </span>
                Zhaosiyu, I have fallen in love with you for</h2>
        </div><!--end text-->
                  
        <div class="counter">
              <h3></h3>
              <div class="hasCountdown" id="defaultCountdown">2008-11-11, 11:11:11 AM</div>

         </div><!--end counter-->
                 
         <div class="me">
                <div  id="slidertext"><!-- The slider -->
                            <h3> -- Eyes</h3>
                </div>
        </div><!--end me-->  
              






     </div><!--end content-->
                
    </div><!--end main-->
    
    </div><!--end class container-->
		
<script type="text/javascript">
    var love = setInterval("LoveMachine()", 1000);
</script>	

</body>
</html>